@charset "euc-kr"; /* [환급/연장페에지 분리 건 관련 css] 24/6/27 이전 /help/refund/bak/apply/style.css ---------------------------------------------------- 24/6/27 이후 신규: /help/extend/style_info.css (info영역) 기존: /help/extend/style.css (step영역) */ .col_red { color: #f00; } .flo_bnr{position:absolute;z-index:2;right:-150px;top:100px;margin-top:10%} .refund_wrap *{box-sizing:border-box} .refund_wrap input::-webkit-inner-spin-button,.refund_wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .refund_wrap input[type=number]{-moz-appearance:textfield} .refund_wrap .btn_wrap a.btn_1_2::before,.refund_wrap .layerPopup .btnClose img,.refund_wrap .privacy_wrp h5+a+.priva_pop,.refund_wrap .tbl_wrp.form_wrp.document .fm_item.head div span,.refund_wrap .tbl_wrp.schedule th br,.refund_wrap br.mb_view,.refund_wrap h5.state_tit strong::after,.refund_wrap h5.state_tit strong::before,.refund_wrap h5.tit_block strong::after,.refund_wrap h5.tit_block strong::before{display:none} .refund_wrap.gong .tab_wrap ul li.on a{color:#aa3651} .refund_wrap h5{position:relative;text-align:center;margin:0 0 20px} .refund_wrap h5.tit_block{border:1px solid #ddd;border-bottom:0;font-size:16px;font-weight:500;padding:10px 0;margin:0;text-align:center} .refund_wrap h5.tit_block strong{border:0;font-size:inherit;padding:0} .refund_wrap .tbl_wrp{margin:0 0 50px} .refund_wrap .tbl_wrp table{width:100%;border:0;margin:0} .refund_wrap .tbl_wrp th{font-weight:400;padding:10px 7px} .refund_wrap .tbl_wrp.schedule th{background:#fff7e7} .refund_wrap .tbl_wrp.state th span{color:#777;font-size:13px} .refund_wrap .privacy_wrp h5+a.on+.priva_pop,.refund_wrap .tbl_wrp td label,.refund_wrap .tbl_wrp th label{display:block} .refund_wrap .tbl_wrp th label span{display:block;font-weight:400!important;font-size:11px} .refund_wrap .tbl_wrp.schedule td{padding:13px;text-align:left} .refund_wrap .tbl_wrp.schedule td span{border:0;color:#888;font-size:12px} .refund_wrap .tbl_wrp td{padding:10px 7px} .refund_wrap .tbl_wrp td span{display:block;border:1px solid #ccc;padding:3px} .refund_wrap .tbl_wrp.state td .fin{display:inline-block;color:#0082ff;border:1px solid #0082ff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:3px 5px 4px;line-height:1} .refund_wrap .tbl_wrp.state td .fin + .fin{margin-left: 5px;} .refund_wrap .tbl_wrp.state td .fin.unfin{color:#ff526d;border-color:#ff526d} .refund_wrap .tbl_wrp td.academy label,.refund_wrap .tbl_wrp td.gender label{display:inline-block;padding-right:10px;padding-bottom:6px} .refund_wrap .tbl_wrp td.academy.etc input[type=text]{border:1px solid #ccc;display:inline-block;width:90px;font-size:12px;padding:1px 3px;height:23px;margin:0 0 0 -10px} .refund_wrap .tbl_wrp td input[type=text]{width:100%;border:0;height:17px;font-size:12px} .refund_wrap .tbl_wrp select{width:100%;border:0;padding:0;margin:0;height:17px} .refund_wrap .tbl_wrp td.numberbox{font-size:0} .refund_wrap .tbl_wrp td.numberbox span{display:block;background-color:#fff;border-right:0} .refund_wrap .tbl_wrp td.numberbox ul{overflow:hidden} .refund_wrap .tbl_wrp td.numberbox ul li{float:left;width:33.3%} .refund_wrap .tbl_wrp td.numberbox ul li:last-child span{border-right:1px solid #ddd} .refund_wrap .tbl_wrp td.partbox span{border:0} .refund_wrap .tbl_wrp td.partbox{text-align:left} .refund_wrap .tbl_wrp td.gbn_box>span{position:relative;float:left;border:0;width:60%;box-sizing:border-box;padding:0 0 0 55px} .refund_wrap .tbl_wrp td.gbn_box>span:nth-child(2n){width:40%} .refund_wrap .tbl_wrp td.gbn_box span strong{display:inline-block;padding:0;position:absolute;top:10px;left:0;border-right:1px solid #ddd;width:45px} .refund_wrap .tbl_wrp td.gbn_box>span span{float:left;border:0;box-sizing:border-box;height:36px;padding:9px 3px} .refund_wrap .tbl_wrp td.gbn_box>span span label{display:inline-block;padding:0 12px 0 0} .refund_wrap .tbl_wrp td.gbn_box>span span input[type=text]{border:1px solid #ccc;display:inline-block;width:110px;font-size:12px;padding:1px 3px;height:23px;margin:-9px 0 0 -10px} .refund_wrap .tbl_wrp td.gbn_box>span:nth-child(4) span input[type=text]{width:60px} .refund_wrap .tbl_wrp td.documnt>div{clear:both;overflow:hidden;margin:0 0 5px} .refund_wrap .tbl_wrp td.documnt>div>strong{display:block;float:left;padding:2px 0 0} .refund_wrap .tbl_wrp td.documnt>div>strong a{display:inline-block;padding:0 9px;vertical-align:middle;background:#324b9b;color:#fff;text-decoration:none;font-size:12px;font-weight:400!important;margin:0 0 0 8px;height:26px;line-height:26px} .refund_wrap .tbl_wrp td.documnt .filebox{position:relative;height:26px;padding:0 0 0 1px;float:right} .refund_wrap .tbl_wrp td.documnt .filebox .filename{position:relative;height:26px;width:160px;float:left;border:1px solid #ccc;overflow:hidden;box-sizing:border-box} .refund_wrap .tbl_wrp td.documnt .filebox .filename label,.refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filename label{position:absolute;top:0;left:0;z-index:1;font-size:13px;padding-left:10px;height:47px;line-height:47px} .refund_wrap .tbl_wrp td.documnt .filebox .filename input[type=text]{position:absolute;top:2px;left:0;font-size:12px;width:83%;height:18px;padding-left:10px;color:#333;border:0} .refund_wrap .tbl_wrp td.documnt .filebox .filename a{position:absolute;top:9px;right:10px;width:50px;height:28px;line-height:28px;font-size:13px;font-weight:700;background-color:#929292;color:#fff;z-index:1} .refund_wrap .tbl_wrp td.documnt .filebox .filebtn{position:relative;width:70px;height:26px;float:right;cursor:pointer} .refund_wrap .tbl_wrp td.documnt .filebox .filebtn label{position:absolute;top:0;right:0;background-color:#000;color:#fff;font-size:12px;width:100%;text-align:center;height:26px;line-height:26px} .refund_wrap .tbl_wrp td.documnt .filebox input[type=file],.refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox input[type=file]{position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0} .refund_wrap .refund_item{text-align:left;background:#d7ffec;border:1px solid #d2d2d2;padding:25px 5px 15px 15px} .refund_wrap .refund_item p{position:relative;font-weight:700;margin:0 0 2px;padding:0 0 0 8px;letter-spacing:-.09em} .refund_wrap .refund_item p.insd{font-weight:500;font-size:13px;padding:0 0 0 8px;text-indent:0;margin:0 0 15px 10px} .refund_wrap .refund_item p::before{content:"";width:3px;height:3px;background:#444;position:absolute;top:8px;left:0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none} .refund_wrap .refund_item p.insd::before{content:"";display:block;width:4px;height:1px;background:#555;position:absolute;top:8px;left:0} .refund_wrap .btn_wrap a.btn_2::before,.refund_wrap .btn_wrap a.btn_3::before,.refund_wrap .btn_wrap a.btn_4::before{width:1px;height:1px;position:absolute;content:"";z-index:0} .refund_wrap .btn_wrap{position:relative;text-align:center} .refund_wrap .btn_wrap::after,.refund_wrap .tbl_wrp.form_wrp .fm_item.full::after,.refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox::after,.refund_wrap .tbl_wrp.form_wrp::after{content:"";display:block;clear:both} .refund_wrap .btn_wrap a{position:relative;display:inline-block;padding:15px 35px;background:#0082ff;color:#fff;font-size:17px;margin:0 5px;font-weight:700} .refund_wrap .btn_wrap a i{font-style:normal;font-size:12px;margin:-6px 0 0;display:inline-block;vertical-align:middle;line-height:1} .refund_wrap .btn_wrap a.btn_2{background:#a1b2c2;padding:13px 25px} .refund_wrap .btn_wrap a.btn_2::before{top:0;left:100%;margin:7px 0 0 -18px;border-right:35px solid #93a3b1;border-bottom:35px solid transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)} .refund_wrap .btn_wrap a.btn_3{background:#a1b2c2} .refund_wrap .btn_wrap a.btn_3::before{top:0;right:100%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)} .refund_wrap .btn_wrap a.btn_4::before{top:0;left:100%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)} .refund_wrap .btn_wrap a.btn_5{padding:15px 55px} .refund_wrap .btn_wrap a.add{padding:5px 24px;font-size:15px;margin:10px 0} .refund_wrap .btn_wrap a.del{font-size:14px;margin:0 0 5px;float:right} .refund_wrap .guide_point{color:#ff526d;font-size:12px;padding:0 0 10px;} .refund_wrap .guide_point.blue{color:#0283ff;padding:0 0 0 12px;text-indent:-12px} .refund_wrap .guide_point.blue2{color:#0082ff;padding:0} .refund_wrap .guide_point.right{padding:0;text-align:right} .refund_wrap .guide_point.gray{color:#afafaf;padding:0 0 0 12px;text-indent:-12px} .refund_wrap .guide_point strong{color:#6f6f6f} .refund_wrap .guide_point.black{color:#000;padding:0 0 0 12px;text-indent:-12px;line-height: 1.6;} .refund_wrap .wrap .guide_point,.refund_wrap .wrap div{display:inline-block} .refund_wrap .wrap div.version_select{float:right;padding:0} .refund_wrap .tbl_wrp.form_wrp{position:relative;text-align:center;border-left:1px solid #d2d2d2;margin:0 0 10px;border-top:1px solid #d2d2d2;clear:both} .refund_wrap .tbl_wrp.form_wrp .fm_item{float:left;width:50%;position:relative;padding:0 0 0 15%;height:43px;border:1px solid #d2d2d2;border-width:0 1px 1px 0;display:flex;flex-wrap:wrap} .refund_wrap .tbl_wrp.form_wrp .fm_item strong{position:absolute;top:0;left:0;width:30%;background:#f4f4f4;display:block;height:42px;border-right:1px solid #d2d2d2;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:0!important} .refund_wrap .tbl_wrp.form_wrp .fm_item.line2 strong{padding:4px 0 0} .refund_wrap .tbl_wrp.form_wrp .fm_item strong span{color:#ff526d;font-size:12px;display:block} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div,.refund_wrap .tbl_wrp.form_wrp:not(.score) .fm_item div{flex:1} .refund_wrap .tbl_wrp.form_wrp .fm_item div{padding:6px 10px} .refund_wrap .tbl_wrp.form_wrp .fm_item div.onlytxt{padding:10px 0 0 10px} .refund_wrap .tbl_wrp.form_wrp .fm_item div span{display:block;padding:0 3px;border:1px solid #ccc} .refund_wrap .tbl_wrp.form_wrp .fm_item div span input[type=number],.refund_wrap .tbl_wrp.form_wrp .fm_item div span input[type=text]{width:100%;height:28px;border:0;padding:0} .refund_wrap .tbl_wrp.form_wrp .fm_item div span select{width:100%;height:28px;border:0;text-align:center;padding:0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full{clear:both;width:100%;height:auto;border-bottom:0;border-width:0 1px 1px 0} .refund_wrap .tbl_wrp.form_wrp.score>strong{width:15%;height:100%;padding:6% 0 0;border-right:0;border-bottom:1px solid #d2d2d2;position:absolute;top:0;left:0;background:#f4f4f4} .refund_wrap.gong .tbl_wrp.form_wrp.score>strong{padding:8% 0 0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div{width:30%;float:left;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background:#fcfcfc} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.onlytxt{padding:11px 0 12px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.score{width:20%;background:#fff} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.score span{display:inline-block;width:83px;margin:0 4px 0 0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.score em{font-style:normal} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.score span input[type=text]{text-align:center} .refund_wrap .tbl_wrp.form_wrp.banking{padding:0 0 0 15%;margin:0 0 10px} .refund_wrap .tbl_wrp.form_wrp.banking>strong{width:15%;height:100%;padding:23px 0 0;border-right:0;border-bottom:1px solid #d2d2d2;position:absolute;top:0;left:0;background:#f4f4f4} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item{padding:0;width:100%;height:auto} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item div{width:32%;float:left;border-left:1px solid #d2d2d2} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item.full div{width:82%} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item div.onlytxt{padding:11px 0 12px;width:18%;background:#fcfcfc} .refund_wrap h5.tit_block.bdr_bottom{border-bottom:1px solid #ddd} .refund_wrap .tbl_wrp.comment{margin:5px 0 10px} .refund_wrap .tbl_wrp.comment table{margin:0 0 5px} .refund_wrap .tbl_wrp.comment td{padding:0} .refund_wrap .tbl_wrp.comment td textarea{width:100%;height:140px;border:0;padding:10px;max-width:100%;min-width:100%;max-height:140px;min-height:140px} .refund_wrap .tbl_wrp.form_wrp.document .fm_item{padding:0 0 0 35%;width:100%} .refund_wrap .tbl_wrp.form_wrp.document .fm_item.head{padding:0;background:#f4f4f4;width:100%} .refund_wrap .tbl_wrp.form_wrp.document .fm_item.head div{float:left;padding:11px 0 12px;font-weight:700} .refund_wrap .tbl_wrp.form_wrp.document .fm_item.head div:first-child{width:35%;border-right:1px solid #d2d2d2} .refund_wrap .tbl_wrp.form_wrp.document .fm_item.head div:nth-child(2){width:65%} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .tit{width:35%;float:left;position:absolute;top:0;left:0;border-right:1px solid #ddd;padding:11px 0 12px} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .tit.line2{padding:4px 0} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .tit.line2 span{color:#ff526d;display:block;border:0;padding:0;font-size:11px} .refund_wrap .privacy_wrp .priva_item,.refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox{position:relative} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filename{position:relative;height:30px;width:77%;float:left;border:1px solid #ccc;overflow:hidden;box-sizing:border-box;padding:0 0 0 10px} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filename input[type=text]{position:absolute;top:2px;left:0;font-size:12px;width:87%;height:24px;padding-left:10px;color:#333;border:0} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filename a{top:5px;height:18px;line-height:17px;font-weight:700;background-color:#fff;color:#ff526d;z-index:1;border:1px solid #ff526d} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filebtn{position:relative;width:23%;height:30px;float:right;cursor:pointer} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filebtn label{position:absolute;top:0;right:0;background-color:#999;color:#fff;width:100%;text-align:center;height:30px;line-height:30px} .refund_wrap .version_select{text-align:right;padding:20px 0 15px} .refund_wrap .version_select label input[type=radio]{margin:-3px 6px 0 0} .refund_wrap .privacy_wrp{position:relative;background:#f4f4f4;border:1px solid #ddd;padding:20px 20px 0;text-align:left;margin:25px 0 30px} .refund_wrap .priva_item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center} .refund_wrap .priva_item h5{margin:0;font-size:14px} .refund_wrap .priva_item h5+a{font-size:12px;color:#0082ff;border-bottom:1px solid #0082ff} .refund_wrap .privacy_wrp p{clear:both;border:1px solid #ccc;background:#fff;padding:10px 100px 10px 10px;position:relative;margin:5px 0 20px;width:100%} .refund_wrap .privacy_wrp p label{position:absolute;top:0;right:0;width:100px;padding:10px 0;text-align:center;border-left:1px solid #ccc} .refund_wrap .privacy_wrp p label input[type=checkbox]{width:15px;height:15px;margin:-3px 0 0} .refund_wrap .priva_pop{position:absolute;top:0;right:0;z-index:1;width:100%;margin:0;background:#fff;padding:40px 20px 30px} .refund_wrap .priva_pop p{position:relative;border:0;padding:0 0 0 8px;text-indent:-8px;font-weight:400;color:#777} .refund_wrap .priva_pop .tit{margin:0;padding:0 0 15px;text-align:center;color:#222} .refund_wrap .priva_pop .subtit{margin:13px 0 1px;color:#222} .refund_wrap .priva_pop .subtit::before{display:block;content:"";position:absolute;top:6px;left:0;width:5px;height:5px;background:#0082ff} .refund_wrap .priva_pop .last{margin:10px 0 0;color:#bababa;padding:10px 0 0 11px;text-indent:-11px} .refund_wrap h5.state_tit{position:relative;font-size:18px;font-weight:400;text-align:left;padding:7px 0 0 47px} .refund_wrap h5.state_tit::before{content:"";background:url(https://img.megagong.net/m/2020/0910_refund/sobang/icon_sprite2.png) 0 -42px no-repeat;width:40px;height:40px;position:absolute;top:0;left:0;margin:0} .refund_wrap h5.state_tit strong{border:0;padding:0;color:#1d8bff} .refund_wrap .tbl_wrp.state.fin{margin:0 0 10px} .refund_wrap .tbl_wrp.state.fin .tbl tbody tr.total td,.refund_wrap .tbl_wrp.state.fin .tbl tbody tr.total th{background:#fff7e7;color:#fe4696;font-weight:700;font-size:15px} .refund_wrap .layerPopup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;padding:0 0 0 220px} .refund_wrap .layerPopup .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.7} .refund_wrap .layerPopup .contentBox{position:relative;width:620px;margin:6% auto 0;background:#fff} .refund_wrap .layerPopup .contentBox .pop_box{padding:30px 40px 2px;text-align:left} .refund_wrap .layerPopup .btnClose{bottom:-30px;background:url('https://img.megagong.net/new/mypage/close_btn.png') center center no-repeat;padding:3px;box-sizing:border-box;position:absolute;top:0;right:0;display:block;font-size:0;line-height:0;width:35px;height:35px;z-index:1} .refund_wrap .layerPopup .btnToday{position:absolute;bottom:-30px;right:32px;padding:0 15px;height:30px;line-height:30px;background:#000;color:#fff;font-weight:700} .refund_wrap .layerPopup .noti_txt{text-align:left;font-size:11px} .refund_wrap h5.tit_block.document{margin:20px 0 0;border-bottom:1px solid #ddd} .refund_wrap table tr th{font-size:16px} .refund_wrap .refund_item{overflow:hidden;margin:30px 0 50px;border:none} .refund_wrap .refund_item h5{color:#205396;text-align:center;font-size:18px;margin:0 0 15px} .refund_wrap .refund_item p{font-size:15px;color:#666;text-align:center} .refund_wrap .tit_block2{position:relative;font-size:19px;text-align:center;color:#ffe898;background:#2d5b8d;padding:8px 0;margin-bottom:20px} .refund_wrap .tit_block2::before{position:absolute;content:'';bottom:-8px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);background:url(https://img.megagong.net/m/2021/0624_refund/tit_arrow.jpg) center 0 no-repeat;width:16px;height:8px} .refund_wrap .tit_block2.extension{background:#0283ff} .refund_wrap .tit_block2.extension::before{background:url(https://img.megagong.net/m/2021/0624_refund/tit_arrow2.jpg) center 0 no-repeat} .refund_wrap .btxt{margin:5px 0 0;background:#d2d2d2;color:#fff;font-size:13px;padding:8px;text-align:center} .refund_wrap .btn_wrap{margin:30px 0 0} .refund_wrap .btn_wrap a.btn_1_2{background:#0082ff} .refund_wrap .btn_wrap a.btn_1.add{float:left;width:115px;background:#ff526d;padding:8px 0} .refund_wrap .btn_wrap a.btn_2_2{background:#a1b2c2;width:auto;padding:15px 25px} .refund_wrap .btn_wrap a.btn_2_2::before{content:"";width:1px;height:1px;position:absolute;top:0;left:100%;margin:7px 0 0 -20px;border-right:37px solid #a1b2c2;border-bottom:37px solid transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:0} .refund_wrap .btn_wrap a.btn_3,.refund_wrap .btn_wrap a.btn_4{padding:15px 25px} .refund_wrap .btn_wrap a.btn_3::before{border-left:37px solid #a1b2c2;border-top:37px solid transparent;margin:8px -20px 0 0} .refund_wrap .btn_wrap a.btn_4::before{margin:8px 0 0 -20px;border-right:37px solid #3183ff;border-bottom:37px solid transparent} .refund_wrap .btn_wrap a.btn_5{margin:0} .refund_wrap .btn_wrap a.del{width:115px;background:#d2d2d2;padding:8px 0} .refund_wrap .version_select label{font-weight:400;color:#999;padding:0 5px} .refund_wrap .version_select input:checked+label{color:#222} .refund_wrap .tbl_wrp.form_wrp .fm_item .gender{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:10px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2{clear:both;width:100%;height:fit-content} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2>strong{width:15%;height:100%} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2>strong span{color:#000} .refund_wrap .tbl_wrp.form_wrp .fm_item.line2_2 strong{line-height:1.2;padding:4px 0 0} .refund_wrap .tbl_wrp.form_wrp .fm_item.line2_3 strong{padding:2% 0 0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2.long>strong{padding:60px 0 0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul{overflow:hidden;padding:5px 0;display:flex;flex-wrap:wrap;gap:10px 25px;align-items:center} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li{display:flex;align-items:center;gap:5px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li:last-child{width:100%} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li:last-child input[type=text],.refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul.v2 li:last-child input[type=text]{float:right;width:85%;height:24px;padding-left:10px;color:#333;border:1px solid #ededed} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul.v2 li:last-child{margin-left:0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 textarea{width:100%;height:90px;border:1px solid #ededed} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2.long textarea{height:185px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 textarea::placeholder{color:#ccc} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filename a{position:relative;display:inline-block;float:right;right:10px;width:auto;padding:0 5px;border-radius:4px;font-size:13px} .refund_wrap .tbl_wrp.form_wrp.document{margin:10px 0} .refund_wrap .priva_pop .tit{padding-left:0;font-size:20px;font-weight:700} .refund_wrap .priva_pop .subtit{font-size:16px;padding:0 0 0 10px;margin-top:15px} .refund_wrap .priva_pop .subtit.first{margin-top:0} .refund_wrap .priva_pop p{font-size:14px;padding-left:10px;text-indent:0;margin:0 0 2px} .refund_wrap .priva_pop .last{font-size:11px} /* 2차 연장 추가 */ .refund_wrap .privacy_wrp.scroll {height: 220px;overflow-y: scroll;padding: 15px 20px;font-size: 13px;} .refund_wrap .privacy_wrp.scroll > p {font-weight: bold;margin: 20px auto 0;border: 0;padding: 0;background: none;} .refund_wrap .privacy_wrp.scroll > p:first-child{margin: 0 auto;} .refund_wrap .privacy_wrp.scroll dl {background: #fff;height: 55px;overflow-y: scroll;padding: 5px 10px;border: 1px solid #a9a2a2;color: #555;margin-top: 10px;} .refund_wrap .privacy_wrp.scroll dl:last-of-type dd:last-of-type {margin: 10px 0 0;color: #666;font-size: 12px;} .refund_wrap .privacy_wrp.scroll dt {font-weight: bold;margin: 0 0 5px;} .refund_wrap .privacy_wrp.scroll dd {margin-bottom: 10px;} .refund_wrap .privacy_wrp.scroll .under {border-bottom: 1px solid #777;} @media (max-width:1200px){ .flo_bnr,.refund_wrap .tbl_wrp.form_wrp.banking>strong br,.refund_wrap .tbl_wrp.form_wrp.score>strong br{display:none} .refund_wrap .layerPopup,.refund_wrap .layerPopup .contentBox .pop_box,.refund_wrap .tbl_wrp.form_wrp .fm_item.full,.refund_wrap .tbl_wrp.form_wrp.banking{padding:0} .refund_wrap .layerPopup .contentBox{margin-top:11%;max-width:90%;width:80%} .refund_wrap .priva_pop{padding:27px 15px 15px} .refund_wrap .layerPopup .btnClose{width:22px;height:22px} .refund_wrap .priva_pop p{margin:0 0 1px;font-size:11px} .refund_wrap .priva_pop .tit{font-size:12px;padding:0 0 3px} .refund_wrap .priva_pop .subtit{font-size:12px;margin:5px 0 0} .refund_wrap .priva_pop .last{margin:0} .refund_wrap .tbl_wrp.form_wrp .fm_item{width:100%;padding:0 0 0 30%} .refund_wrap .tbl_wrp.form_wrp.banking>strong,.refund_wrap .tbl_wrp.form_wrp.score>strong,.refund_wrap.gong .tbl_wrp.form_wrp.score>strong{position:relative;display:block;top:inherit;left:inherit;width:100%;height:auto;padding:11px 0;border-right:1px solid #d2d2d2} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div{width:100%;border-left:0} .refund_wrap .tbl_wrp.form_wrp.score .fm_item.full div{width:65%} .refund_wrap .tbl_wrp.form_wrp.score .fm_item.full div.onlytxt{padding:11px 0 12px;font-weight:600} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.score{width:35%;border-bottom:1px solid #d2d2d2;position:relative;padding:6px 10px;border-left:1px solid #d2d2d2} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.score span input[type=text]{width:79%;text-align:center} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.score span{width:100%;text-align:left} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.score em{position:absolute;top:12px;right:17px;font-weight:100} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item div,.refund_wrap .tbl_wrp.form_wrp.banking .fm_item.full div{width:70%;border-bottom:1px solid #d2d2d2} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item.full div{border-left:1px solid #d2d2d2} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item div.onlytxt{width:30%;border-left:0} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item{border-top:0;border-bottom:0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2>strong{width:30%} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2.long>strong{padding:4% 0 0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 textarea{height:70px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2.long textarea{height:100px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li+li{margin-left:4%} /* 2차 연장 추가 */ .refund_wrap .privacy_wrp.scroll {font-size: clamp(11px,1.5vmin,13px);padding: 10px clamp(10px,2vmin,20px);height: clamp(205px,26vmin,230px);} .refund_wrap .privacy_wrp.scroll dl:last-of-type dd:last-of-type {font-size: clamp(10px,1.5vmin,12px);} .refund_wrap .privacy_wrp.scroll dd {margin-bottom: clamp(5px,1vmin,10px);} } @media (max-width:992px){ .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul{gap:10px clamp(5px,2vmin,25px)} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li{font-size:13px;display:flex;align-items:center} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li+li{margin-left:0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li:last-child input[type=text]{font-size:12px;flex:1;width:auto} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul.v2 li:last-child{width:100%} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul.v2 li:last-child input[type=text]{width:75%} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filename input[type=text]{width:80%} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filename a{right:2%} } @media (max-width:768px){ .refund_wrap .tbl_wrp.schedule th br,.refund_wrap .tbl_wrp.state th span,.refund_wrap br.mb_view,.refund_wrap h5.tit_block.cautn strong{display:block} .refund_wrap h5{margin:0 0 13px} .refund_wrap h5.tit_block{font-size:14px;padding:8px 0} .refund_wrap .tbl_wrp{margin:0 0 35px} .refund_wrap .tbl_wrp.schedule td,.refund_wrap .tbl_wrp.schedule th{padding:10px 8px} .refund_wrap .refund_item{padding:10px;margin:0 0 30px} .refund_wrap .refund_item p.insd{margin:0 0 7px;font-size:12px} .refund_wrap .btn_wrap a{font-size:14px;margin:0 2px;padding:11px 15px} .refund_wrap .btn_wrap a.add,.refund_wrap table tr th{font-size:14px} .refund_wrap .btn_wrap a i{font-style:normal;font-size:12px;margin:-6px 0 0;display:inline-block;vertical-align:middle;line-height:1} .refund_wrap .btn_wrap a.btn_2{background:#a1b2c2;padding:11px 15px} .refund_wrap .btn_wrap a.btn_2::before{margin:6px 0 0 -15px;border-right-width:29px;border-bottom-width:29px} .refund_wrap .btn_wrap a.btn_3{background:#a1b2c2} .refund_wrap .btn_wrap a.btn_5{margin:30px 0 0;padding:13px 25px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full div.onlytxt,.refund_wrap .tbl_wrp.form_wrp.score .fm_item.full div.onlytxt{padding:13px 0} .refund_wrap .tbl_wrp.form_wrp.banking .fm_item div.onlytxt{padding:13px 0;border-left:0} .refund_wrap .guide_point,.refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 textarea{font-size:11px} .refund_wrap .privacy_wrp{padding:10px 5px 0} .refund_wrap .privacy_wrp p{padding:7px;text-align:left} .refund_wrap .privacy_wrp p label{padding:6px 0;width:100%;position:relative;top:inherit;right:inherit;display:block;border:1px solid #ccc;margin:6px 0 0;background:#eef6ff} .refund_wrap .refund_item p,.refund_wrap .tbl_wrp.comment td textarea{font-size:12px} .refund_wrap h5.state_tit{font-size:14px;padding:5px 0 0 36px} .refund_wrap h5.state_tit::before{background-size:30px;width:30px;height:30px;background-position:0 -30px} .refund_wrap .tbl_wrp.state.fin .tbl tbody tr.total td,.refund_wrap .tbl_wrp.state.fin .tbl tbody tr.total th{font-size:13px} .refund_wrap .tit_block2{font-size:15px} .refund_wrap .btn_wrap a.btn_2_2,.refund_wrap .btn_wrap a.btn_3,.refund_wrap .btn_wrap a.btn_4{padding:11px 15px} .refund_wrap .btn_wrap a.btn_2_2::before,.refund_wrap .btn_wrap a.btn_4::before{margin:6px 0 0 -15px;border-right-width:28px;border-bottom-width:28px} .refund_wrap .btn_wrap a.btn_3::before{margin:6px -15px 0 0;border-left-width:28px;border-top-width:28px} .refund_wrap .guide_point.gray br{display:none} } @media (max-width:576px){ .refund_wrap .guide_point.gray br,.refund_wrap .tbl_wrp.form_wrp.document .fm_item.head div:first-child{display:none} .refund_wrap .tbl_wrp.form_wrp.document .fm_item.head div span{display:inline-block;border:0;padding:0} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li,.refund_wrap .tbl_wrp.form_wrp.document .fm_item.head div:nth-child(2){width:100%} .refund_wrap .tbl_wrp.form_wrp.document .fm_item{padding:0;height:auto} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .tit,.refund_wrap .tbl_wrp.form_wrp.document .fm_item .tit.line2{width:100%;position:relative;display:block;float:none;top:inherit;left:inherit;border-right:0;padding:7px 10px 3px;text-align:left} .refund_wrap .tbl_wrp.form_wrp.document .fm_item .tit.line2 span{display:inline-block;letter-spacing:-.1em} .refund_wrap .wrap{overflow:hidden} .refund_wrap .wrap .guide_point,.refund_wrap .wrap div.version_select{display:block} .refund_wrap .wrap div.version_select{display:block;float:left;margin-bottom:10px} .refund_wrap .btn_wrap a.btn_1_2{margin-top:10px} .refund_wrap table tr th{font-size:13px} .refund_wrap .tbl_wrp.state th span{font-size:11px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li+li+li,.refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul.v2 li:last-child{margin-top:5px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li:last-child input[type=text],.refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul.v2 li:last-child input[type=text]{width:70%} .refund_wrap .priva_pop .tit{font-size:16px} .refund_wrap .priva_pop .subtit{font-size:14px} } @media (max-width:460px){ .refund_wrap .tbl_wrp [type=checkbox],.refund_wrap .tbl_wrp [type=radio]{width:10px;height:10px} .refund_wrap .tbl_wrp select,.refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li,.refund_wrap .tbl_wrp.form_wrp.document .fm_item .filebox .filename a{font-size:clamp(10px,1.3vmin,13px)} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul li:last-child input[type=text]{display:block;width:calc(100% - 70px);font-size:10px;padding:0 5px} .refund_wrap .tbl_wrp.form_wrp .fm_item.full_v2 div ul.v2 li:last-child input[type=text]{display:block;width:calc(100% - 70px)} } @media (max-width:360px){ .refund_wrap .tbl_wrp [type=checkbox],.refund_wrap .tbl_wrp [type=radio]{margin-right:2px} .refund_wrap .priva_item h5{font-size:12px} }